<template>
  <div>
      <!-- mapState 可以快速提取state 中的数据 -->
      <h2>{{test}}</h2>
      <h2>{{title}}</h2>
      <h2>{{demo}}</h2>
      <h2>{{myTest}}</h2>
      <button @click="aaa('我是辅助函数')">修改test</button>
      <button @click="one('我是辅助函数2222')">修改test2</button>
      <!-- vuex 页面刷新 数据会丢失吗？ 会
      有办法处理吗？ 有
      数据持久化插件  数据固化插件 -->




  </div>
</template>

<script>
import {mapState,mapGetters,mapMutations,mapActions} from 'vuex'
export default {
    data(){
        return{}
    },
    computed:{
        ...mapState(['test','title','demo']),
        ...mapGetters(['myTest']),

    },
    methods:{
        ...mapMutations({
            aaa:"SET_TEST", // 左边是自己定义的名字 右边是mutations
            bbb:"xxxx",
            ccc:"bbbbb"
        }),
        ...mapActions({
            one:'timeTest'
        })
    }
}
</script>

<style>

</style>